<template>
	<view class="home-main">
		<block v-for="(item,index) in homeDate" :key='index'>
			<HomeItem :item='item'></HomeItem>
		</block>
	</view>
</template>

<script>
	import HomeItem from '@/compontent/index/HomeItem.vue'
	export default{
		data(){
			return{
				homeDate:[{
					classImgLink:'../../static/实训.png',
					className:'实训室'
				},
				{ 
					classImgLink:'../../static/学习.png',
					className:'p4'
				},
				{
					classImgLink:'../../static/p5.png',
					className:'p5'
				},
				{
					classImgLink:'../../static/线上.png',
					className:'全日班'
				},
				{
					classImgLink:'../../static/线下.png',
					className:'线下班'
				}
				]
			}
		},
		components:{
			HomeItem
		}
	}
</script>

<style scoped>
	.home-main{
		width: 676rpx;
		margin: 20rpx 0 0 36rpx;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
</style>